<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<link rel="stylesheet" type="text/css" href="css/amazeui.min.css">
	<script src="js/jquery.js"></script>
	<script src="js/amazeui.js"></script>
	<title>首页</title>
	<style>
	*{
		margin:0;
		padding:0;
		font-size: 0;
	}
	#index-body{
		margin: 0 auto;
		max-width: 640px;
	}
	#index-menu-mid{
		margin-top: -17%;
		margin-bottom: -2%;
	}
	.index-menu-img{
		width:50%;
	}
	.index-bottom-img{
		display: block;
		float: left;
		width:25%;
	}
	</style>
</head>
<body>
	<div id="index-body" class="sm">
		<div id="index-head" class="am-slider am-slider-default" data-am-slider='{"directionNav":false}'>
	  		<ul class="am-slides">
	   			<li>
	   				<img src="img/index-head1.png">	
	   			</li>
	   			<li>
	   				<img src="img/index-head2.png">	
	   			</li>
	  		</ul>
		</div>

		<div id="index-menu">
			<div id="index-menu-top">
				<span class="index-menu"><a href="chuguoyzt.html"><img class="index-menu-img" src="img/menu-1.png"></a></span>
				<span class="index-menu"><a href="expert.html"><img class="index-menu-img" src="img/menu-2.png"></a></span>
			</div>
			<div id="index-menu-mid">
				<span class="index-menu"><a href="#"><img class="index-menu-img" src="img/menu-3.png"></a></span>
				<span class="index-menu"><a href="hezuo.html"><img class="index-menu-img" src="img/menu-4.png"></a></span>
			</div>
			<div id="index-menu-bottom">
				<span class="index-menu"><a href="fenxi.html"><img class="index-menu-img" src="img/menu-5.png"></a></span>
				<span class="index-menu"><a href="#"><img class="index-menu-img" src="img/menu-6.png"></a></span>
			</div>
		</div>

		<div id="index-bottom">
			<a href="index.html"><img class="index-bottom-img" src="img/index-bottom1.png"></a>	
			<a href="#"><img class="index-bottom-img" src="img/index-bottom2.png"></a>		
			<a href="haitao.html"><img class="index-bottom-img" src="img/index-bottom3.png"></a>		
			<a href="zhuce.html"><img class="index-bottom-img" src="img/index-bottom4.png"></a>					
		</div>

	</div>	
	<script>
	$(function(){
		$('.am-slider').flexslider({
		});
	});
	</script>
</body>
</html>